<template>
    <div class="bindwrapper">
        <p class="bindtitle">内业解译情况：</p>
        <p class="bindmobile big-mobile">
            <a-icon type="check-circle" theme="twoTone" two-tone-color="#52c41a" />
            已完成所有任务!
        </p>
        <p class="bindmobile big-mobile">
            <a-icon type="check-circle" theme="twoTone" two-tone-color="#52c41a" />
            已完成所有任务!
        </p>
        <a-result
    status="success"
    title="Successfully Purchased Cloud Server ECS!"
    sub-title="Order number: 2017182818828182881 Cloud server configuration takes 1-5 minutes, please wait."
  >
    <template #extra>
      <a-button key="console" type="primary">
        Go Console
      </a-button>
      <a-button key="buy">
        Buy Again
      </a-button>
    </template>
  </a-result>
        <p class="bindcontent">一个手机号可以绑定5个百度帐号，但该手机号只能登录其中一个帐号。绑定手机号将作为您身份验证的重要方式，请谨慎操作！</p>
        <div class="bindbtn clearfix"><span
                class="pass-bind-button pass-bind-button-blue">
                更换手机号
            </span> <span class="pass-bind-button mt24">关闭手机号登录</span></div>
        <!---->
        <!---->
    </div>
</template>

<script>
    export default {
        mounted() {
            this.GetActiveTasks()
        },
        methods: {
            GetActiveTasks(){
                this.activeTasks=[]
                this.activeTask=""
                this.activeFeatrueProps={}
                this.HandlData=[]
                let qs={
                pagesize:10     ,
                pagenum:1,
                status:0
                }
                qs.name=this.$store.state.user.user.fullname
                this.$common_apis.axios_get('/search_task?',qs)
                .then(result => {
                if(result){
                    this.activeTasks=result.data
                    if(this.activeTasks.length>0){
                    this.activeTask=this.activeTasks[0].mergeid
                    this.GetTasks()
                    }
                }
                });
            },
        },
    }
</script>

<style>
.bindwrapper {
    padding: 0;
}
.bindwrapper .bindtitle {
    font-size: 1.0456rem;
    color: #000;
}
.bindwrapper .bindmobile {
    color: #000;
    padding: 8px 0 20px 0;
    font-weight: 500;
    font-size: 1.5496rem;
}
.bindwrapper .bindcontent {
    font-size: 1.5456rem;
    color: #666;
    line-height: 22px;
}
.bindwrapper .bindbtn {
    padding-top: 40px;
    display: block;
}

.bindwrapper .bindbtn .pass-bind-button {
    display: block;
    height: 40px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #ddd;
    font-size: 1.5456rem;
    color: #333;
    line-height: 40px;
    margin-top: 2rem;
    cursor: pointer;
    width: 120px;
    float: left;
    cursor: pointer;
}
.bindwrapper .bindbtn .pass-bind-button-blue {
    background: #2E58FF;
    border: 1px solid #2E58FF;
    color: #fff;
}

.bindwrapper .bindbtn .pass-bind-button:nth-child(2) {
    margin-left: 10px;
}
</style>